@()
<div class="page-header">
    <div class="banner">
        <div class="logo">
            <h4 style="margin-top: 0px;width: 1000px; color: white;text-shadow: 2px 2px 0 #555;padding: 25px 15px 20px 15px;
            float: right;"><span style="font-size: 35px;
                font-weight: bolder;padding-right: 15px;color: white;
                border-right: 2px solid white;">Pteridophyta</span> <font style="font-size: 23px">&nbsp;a RNA sequence based
                multi-omics database for the Pteridophyta</font></h4>
        </div>
    </div>
    <nav class="navbar navbar-default">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#coll" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="@routes.IndexController.home()"><span class="glyphicon glyphicon-home"></span>
                    Home</a></li>

                <li class="dropdown">
                    <a href="#"><span class="fa fa-tree"></span>
                        Tree Of Life <span class="fa fa-caret-down"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="@routes.TreeController.toTree()">Fern Tree Of Life</a></li>
                        <li><a href="@routes.TreeController.toBlastx()">Blastx Against Homologous Sequence</a></li>
                    </ul>
                </li>

                <li class="dropdown">
                    <a href="#"><span class="fa fa-search"></span>
                        RNA DATA <span class="fa fa-caret-down"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="@routes.RnaController.toRNA()">Browse</a></li>
                        <li><a href="@routes.RnaController.toBlastn()">Blastn Against Gene</a></li>
                        <li><a href="@routes.RnaController.toProcess()">Analysis Processe</a></li>
                    </ul>
                </li>

                <li class="dropdown">
                    <a href="#"><span class="fa fa-map-marker"></span>
                        Chloroplast Data <span class="fa fa-caret-down"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="@routes.ChloroplastController.toORDraw()">ORDraw</a></li>
                        <li><a href="@routes.ChloroplastController.toBlastn()">Blastn Against Chloroplast</a></li>
                    </ul>
                </li>

                <li class="dropdown">
                    <a href="#"><span class="fa fa-map-marker"></span>
                        RDA Data <span class="fa fa-caret-down"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Browse</a></li>
                    </ul>
                </li>

                <li class="dropdown">
                    <a href="#"><span class="fa fa-map-marker"></span>
                        Geographical Data <span class="fa fa-caret-down"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="@routes.MapController.toMaps()">Maps</a></li>
                        <li><a href="@routes.MapController.toSearch()">Search</a></li>
                    </ul>
                </li>



                <li class="dropdown">
                    <a href="#"><span class="fa fa-search"></span>
                        Phenotype Data <span class="fa fa-caret-down"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="@routes.PPGIController.toPPGI()">Browse</a></li>
                        <li><a href="@routes.PPGIController.toTree()">Tree</a></li>
                        <li><a href="@routes.PPGIController.toSearch()">Search</a></li>
                    </ul>
                </li>



                <li class="dropdown">
                    <a href="#"><span class="fa fa-paper-plane"></span>
                        Information <span class="fa fa-caret-down"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="@routes.IndexController.news()">News</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="@routes.MessageController.toAboard()"> Message Board</a></li>
                    </ul>
                </li>

@*                <li>
                    <a href="@routes.IndexController.toAdmin()"><span class="fa fa-user"></span></a>
                </li>*@

            </ul>

@*            <ul class="nav navbar-nav navbar-right">
                <li style="color: white; margin-left: -10px" >
                    <a href="@routes.IndexController.toAdmin()" title="login"><span class="fa fa-user"></span></a></li>
            </ul>*@

            <ul class="nav navbar-nav navbar-right">
                <li style="color: white; margin-left: -10px" >
                    <a href="@routes.IndexController.toAdmin()" title="update password"><span class="fa fa-pencil"></span></a></li>
                <li style="color: white; margin-left: -10px" >
                    <a href="@routes.IndexController.toAdmin()" title="logout"><span class="fa fa-user-times"></span></a></li>
            </ul>

        </div><!-- /.navbar-collapse -->
    </nav>
</div>
